﻿html, body, #mainWindow { height: 100%; width: 100%; margin: 0; padding: 0; }
body {
    overflow: hidden;
    font-family: "Trebuchet MS";
}
#header {
    height: 25px;
    padding: 15px;
    overflow: hidden;
    background-color: #d0eff3;
    color: #80a8c1;
    font-size: 18pt;
    text-align: left;
    border: solid 2px #80a8c1;
    font-weight: bold;
}
#leftPane {
    background-color: #fafafa;
    color: #80a8c1;
    border: solid 2px #80a8c1;
    width: 120px;
}
#centerPane {
    border: none;
}
#footer {
    background-color: #fafafa;
    color: #80a8c1;
    font-size: 14pt;
    text-align: center;
    border: solid 2px #80a8c1;
    margin: 5px;
    padding: 5px;
    height: 100px;
}
.roundedCorners {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -o-border-radius: 4px;
}

      /*Example of a id selector, using the # side with an element name will
      apply this style to a single unique element, in this case the html element
      with an id of 'map'.*/
#map {
    margin: 5px;
    border: solid 10px #80a8c1;
    position: relative;
    overflow: hidden;
}

#ovWin {
    position:absolute; right:5px; top:5px; z-Index:998; width:140px;height:100px;
}

      .dijitBorderContainer, .dijitGutter {
        background-color: #d0eff3 !important;
      }
      /*Example of a class selector, using a period in front of an HTML elment
      allows you to specify a style for multiple elements. All elements with
      a class attribute set to the specified value will have this style applied.*/
      .shadow {
        padding:8px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-box-shadow: 0px 6px 3px -3px #888;
        -webkit-box-shadow: 0px 6px 3px -3px #888;
        box-shadow: 0px 6px 3px -3px #888;
        background-color:white; border: solid 4px #80a8c1;
      }
	  .attributionText {
	  	font-size: 8pt;
		text-align: center;
	  }